<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>bootcss1</title>
    <!--以下一行，实现自适应屏幕-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
</head>
<body>
<div class="container">
    <img src="static/imgs/html_css.jpeg" class="img-rounded">
    <img src="static/imgs/html_css.jpeg" class="img-circle">
    <img src="static/imgs/html_css.jpeg" class="img-thumbnail">
    <hr>
    <span class="glyphicon glyphicon-cloud"></span>
    <span class="glyphicon glyphicon-road"></span>
    <span class="glyphicon glyphicon-camera"></span>
    <hr>
    <div class="form-group has-warning">
        <label class="control-label">标签测试</label>
        <input class="form-control" type="text">
    </div>
    <hr>
    <div class="form-group has-success">
        <label class="control-label">标签测试</label>
        <input class="form-control" type="text">
    </div>
    <hr>
    <div class="form-group has-error">
        <label class="control-label">标签测试</label>
        <input class="form-control" type="text">
    </div>
    <hr>
    <select class="form-control" name="" id="">
        <option value="">network</option>
        <option value="">linux</option>
        <option value="">python</option>
    </select>
    <hr>
    <div class="checkbox">
        <input type="checkbox">network
    </div>
    <div class="checkbox">
        <input type="checkbox">linux
    </div>
    <hr>
    <div class="input-group">
        <input class="form-control" type="text">
        <div class="input-group-addon">.com</div>
    </div>
    <hr>
    <input class="btn btn-default btn-sm" type="submit" value="提 交">
    <input class="btn btn-primary" type="submit" value="提 交">
    <input class="btn btn-info btn-xs" type="submit" value="提 交">
    <input class="btn btn-danger" type="submit" value="提 交">
    <input class="btn btn-warning btn-lg" type="submit" value="提 交">
    <input class="btn btn-success" type="submit" value="提 交">
    <input class="btn btn-block btn-primary" type="submit" value="提 交">
    <hr>
    <form action="" class="form-inline">
        <div class="form-group">
            <label>用户名：</label><input class="form-control" type="text">
        </div>
        <div class="form-group">
            <label>密码：</label><input class="form-control" type="text">
        </div>
        <div class="form-group">
            <input class="btn btn-primary" type="submit" value="登 陆">
        </div>
    </form>
    <hr>
    <form action="">
        <div class="form-group">
            <label>用户名：</label><input class="form-control" type="text">
        </div>
        <div class="form-group">
            <label>密码：</label><input class="form-control" type="text">
        </div>
        <div class="form-group">
            <input class="btn btn-primary" type="submit" value="登 陆">
        </div>
    </form>
    <hr>
    <table class="table table-bordered table-striped table-hover">
        <tr class="info text-center">
            <td>aaaaaa</td>
            <td>234234</td>
            <td>fdfad</td>
        </tr>
        <tr>
            <td>fds</td>
            <td>fdsfdas</td>
            <td>fdsafad</td>
        </tr>
        <tr>
            <td>dfsafdsa</td>
            <td>fdsafad</td>
            <td>fdsaafd</td>
        </tr>
        <tr>
            <td>fdsa</td>
            <td>fdas</td>
            <td>fdsa</td>
        </tr>
        <tr>
            <td>fdfdasafds</td>
            <td>fadsfads</td>
            <td>fdasfad
            </td>
        </tr>
    </table>

    <hr>
    <p class="text-center text-muted bg-danger">Bootstrap 框架</p>
    <p class="text-right text-primary bg-warning">Bootstrap 框架</p>
    <p class="text-info bg-success">Bootstrap 框架</p>
    <p class="text-warning bg-primary">Bootstrap 框架</p>
    <p class="text-danger bg-info">Bootstrap 框架</p>
    <p class="text-success h3">Bootstrap 框架</p>
    <hr>
    <p>Bootstrap<mark>框架</mark></p>
    <del>Bootstrap 框架</del>
    <s>Bootstrap 框架</s>
    <ins>Bootstrap 框架</ins>
    <u>Bootstrap 框架</u>
    <small>Bootstrap 框架</small>
    <strong>Bootstrap 框架</strong>
    <em>Bootstrap 框架</em>
    <hr>
    <p class="h2">bootstrap框架</p>
    <h1>bootstrap框架</h1>
    <h2>bootstrap框架</h2>
    <h3>bootstrap框架</h3>
    <h4>bootstrap框架</h4>
    <h5>bootstrap框架</h5>
    <h6>bootstrap框架</h6>
    <hr>
    按 <kbd>ctlr + c</kbd> 中断运行的程序
</div>
</body>
</html>